<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Comment</title>
  <script src="js/common.js" type="text/javascript" charset="utf-8"></script>
  <link rel="stylesheet" type="text/css" href="font/iconfont.css" />
  <link rel="stylesheet" type="text/css" href="style/reset.css" />
  <link rel="stylesheet" type="text/css" href="style/comment.css" />
  <link rel="stylesheet" type="text/css" href="style/common.css" />
</head>

<body>
  <div class="box">
    <!-- 头部 -->
    <header class="head">
      <div class="title">
        <a href=""><img src="images/return.png" alt=""></a>
        <p>评价</p>
      </div>
    </header>
    <!-- 评价内容 -->
    <section class="comment">
      <p class="question">您对商家的菜品满意吗？</p>
      <div class="shop">
        <img src="images/comment_icon01.png" alt="">
        <p>包子的美食店铺</p>
      </div>
      <ul class="ul1">
        <li>
          <p>味道：</p>
          <img src="images/comment_icon02.png" alt="">
          <img src="images/comment_icon02.png" alt="">
          <img src="images/comment_icon02.png" alt="">
          <img src="images/comment_icon02.png" alt="">
          <img src="images/comment_icon03.png" alt="">
        </li>
        <li>
          <p>配送：</p>
          <img src="images/comment_icon02.png" alt="">
          <img src="images/comment_icon02.png" alt="">
          <img src="images/comment_icon02.png" alt="">
          <img src="images/comment_icon02.png" alt="">
          <img src="images/comment_icon03.png" alt="">
        </li>
        <li>
          <p>店铺：</p>
          <img src="images/comment_icon02.png" alt="">
          <img src="images/comment_icon02.png" alt="">
          <img src="images/comment_icon02.png" alt="">
          <img src="images/comment_icon02.png" alt="">
          <img src="images/comment_icon03.png" alt="">
        </li>
      </ul>
      <form action="" method="POST">
        <textarea name="textarea" id="" placeholder="请输入您对商品的看法"></textarea>
      </form>
      <p class="up">上传图片</p>
      <ul class="ul2">
        <li>
          <img src="images/comment_icon05.png" alt="" class="add">
          <img src="images/order.png" alt="" class="image">
          <img src="images/comment_icon04.png" alt="" class="dele">
        </li>
        <li>
          <img src="images/comment_icon05.png" alt="" class="add">
          <img src="images/order.png" alt="" class="image">
          <img src="images/comment_icon04.png" alt="" class="dele">
        </li>
        <li>
          <img src="images/comment_icon05.png" alt="" class="add">
        </li>
      </ul>
      <a class="commit" href="">确认</a>
      <div class="big"></div>
    </section>
    <div class="big"></div>
  </div>
</body>

</html>